
.buttonHolder
{ 
   text-align: center; 
}
html, body 
{
   margin: 0;
   width: 100%;
   height: 100%;
}

h2
{
   color:lightgray;
   text-align:center;
}

.p_text
{
   color:lightgray;
   text-align:center;
   font-size:125%;
}

#navigation {
position: fixed;
top: 0;
width: 100%;
color: #ffffff;
height: 35px;
text-align: center;
padding-top: 15px;
/* Adds shadow to the bottom of the bar */
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;
/* Adds the transparent background */
background-color: rgba(1, 1, 1, 0.8);
color: rgba(1, 1, 1, 0.8);
}
#navigation a {
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
color: white;
text-decoration: none;
}

#navigation a:hover {
    color: grey;
} 

#background-wrap  
{ 
   background-image: linear-gradient(bottom, rgb(213,204,202) 0%, rgb(26,92,173) 90%); 
   background-image: -o-linear-gradient(bottom, rgb(213,204,202) 0%, rgb(26,92,173) 90%); 
   background-image: -moz-linear-gradient(bottom, rgb(213,204,202) 0%, rgb(26,92,173) 90%);
   background-image: -webkit-linear-gradient(bottom, rgb(213,204,202) 0%, rgb(26,92,173) 90%);
   background-image: -ms-linear-gradient(bottom, rgb(213,204,202) 0%, rgb(26,92,173) 90%); 
   background-size:cover;
   background-repeat:no-repeat; 
}

.button_example{
border:1px solid #b7b7b7; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:19px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFF0F9;
 background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
 background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
 background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
 background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
 background-image: -o-linear-gradient(top, #d3d3d3, #707070);
 background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
}

.button_example:hover{
 border:1px solid #a0a0a0;
 background-color: #bababa; background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#575757));
 background-image: -webkit-linear-gradient(top, #bababa, #575757);
 background-image: -moz-linear-gradient(top, #bababa, #575757);
 background-image: -ms-linear-gradient(top, #bababa, #575757);
 background-image: -o-linear-gradient(top, #bababa, #575757);
 background-image: linear-gradient(to bottom, #bababa, #575757);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bababa, endColorstr=#575757);
}
